<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>摄天下 - 爽客网</title>
<%@include file="../common/js.jsp" %>
<script src="js/interfacejs.js" type="text/javascript"></script>
<script src="js/jquery.ying.js" type="text/javascript"></script>
<link href="css/base/reset.css" type="text/css" rel="stylesheet" />
<link href="css/base/base.css" type="text/css" rel="stylesheet" />
<link href="css/base/hf_sk.css" type="text/css" rel="stylesheet" />
<link href="css/mainpage.css" type="text/css" rel="stylesheet" />
<!--[if ie]><script src="js/common/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie 6]><link href="css/jrIE6.css" type="text/css" rel="stylesheet"><![endif]-->
<!--[if ie]><link href="css/jrIE.css" type="text/css" rel="stylesheet"><![endif]-->

</head>
<body>
	<!-- head -->
	<%@include file="../common/header.jsp" %>
    <!-- header-->
    
    <!-- content-->
	<div class="w100p">
        
       	<!-- lunbo -->
        <div class="w980 mg box_style1">
        	<div class="c_lb_box">
            	<ul class="c_lb" id="pic_ul">
	            	<c:forEach items="${picture }" var="c">
	                	<li><a href="${c.hyperlink }" target="_blank"><img src="${c.picture }" style="width: 980px;height: 280px" class="block" /></a></li>
	                </c:forEach>
                </ul>

                <!-- right-->
                <ul class="lb_list_show" id="num_ul">
	                <c:forEach items="${picture }" var="c">
	                	<li>
	                    	<a href="${c.hyperlink }" target="_blank">
	                            <span class="title">${c.titleText }</span>
	                        </a>
	                    </li>
	                </c:forEach>    
                </ul>
                <!-- right--end-->
            </div>
        </div>
        <!-- lunbo--end-->
        
        <!-- fullpart-->
        <div class="w980 mg box_style1">
        	<div class="gradient_sbox full_gra">
                <div class="gra_head">
                    <h1 class="clearfix pr">
                        <img src="images/icon/icon_mxl.gif" class="fl block"><span class="fl">民俗类</span>
                        <a href="listView.htm?channel=b178284f-75a0-401b-9c19-3b55b6226bc7" class="more">more</a>
                    </h1>
                </div>
                <div class="gra_body">
                    <div class="p_mg_s1">
                    	<!-- top-->
                    	<div class="clearfix">
                        	<a href="${mingsu[0].hyperlink }" target="_blank" class="fl"><img src="${mingsu[0].picture }" style="width: 677px;height: 237px" class="block" /></a>
                            <div class="p_info_box">
                            	<h1>${mingsu[0].title }</h1>
                                <dl class="clearfix">
                                	<dt><a href="${mingsu[0].hyperlink }" target="_blank">爽客推荐</a></dt>
                                	<c:forEach items="${mingsu }" var="c" begin="1">
                                    <dd>
                                    	<a href="${c.hyperlink }" target="_blank" class="block"><img src="${c.picture }" style="width: 60px;height: 60px" class="block" /></a>
                                        <a href="${c.hyperlink }" target="_blank" class="name">${c.title }</a>
                                    </dd>
                                    </c:forEach>
                                </dl>
                            </div>
                        </div>
                        <!-- top--end-->
                        
                        <div class="photo_tj">
                        	<h1>推荐旅游拍摄胜地</h1>
                        	<ul class="clearfix">
                        	<c:forEach items="${mingsuResort }" var="c" varStatus="status">
                            	<li <c:if test="${status.last }">class="last"</c:if>>
                                	<a href="${c.hyperlink }" target="_blank" class="fl"><img src="${c.picture }" style="width: 120px;height: 60px" class="block" /></a>
                                    <div class="info_box">
                                    	<a class="title" href="${c.hyperlink }" target="_blank">${c.title }</a>
                                    	<a class="intro" href="${c.hyperlink }" target="_blank">${c.summary }</a>
                                    </div>
                                </li>
                            </c:forEach>
                            </ul>
                        </div>	
                    </div>
                </div>
                <div class="gra_foot"></div>
            </div>
        </div>
        <!-- fullpart--end-->
        
        <!-- fullpart-->
        <div class="w980 mg box_style1">
        	<div class="gradient_sbox full_gra">
                <div class="gra_head">
                    <h1 class="clearfix pr">
                        <img src="../../images/icon/icon_fgl.gif" class="fl block"><span class="fl">风光类</span>
                        <a href="listView.htm?channel=fc3ededf-3d27-492a-8412-b1cb2e5aeb65" class="more">more</a>
                    </h1>
                </div>
                <div class="gra_body">
                    <div class="p_mg_s1">
                    	<!-- top-->
                    	<div class="clearfix">
                        	<a href="${view[0].hyperlink }" class="fl"><img src="${view[0].picture }" style="width: 677px;height: 237px" class="block" /></a>
                            <div class="p_info_box">
                            	<h1>${view[0].title }</h1>
                                <dl class="clearfix">
                                	<dt><a href="javascript:void(0)" target="_blank">爽客推荐</a></dt>
                                	<c:forEach items="${view }" var="c" begin="1">
                                    <dd>
                                    	<a href="${c.hyperlink }" target="_blank" class="block"><img src="${c.picture }" style="width: 60px;height: 60px" class="block" /></a>
                                        <a href="${c.hyperlink }" target="_blank" class="name">${c.title }</a>
                                    </dd>
                                    </c:forEach>
                                </dl>
                            </div>
                        </div>
                        <!-- top--end-->
                        
                        <div class="photo_tj">
                        	<h1>推荐旅游拍摄胜地</h1>
                        	<ul class="clearfix">
                        	<c:forEach items="${viewResort }" var="c" varStatus="status">
                            	<li <c:if test="${status.last }">class="last"</c:if>>
                                	<a href="${c.hyperlink }" target="_blank" class="fl"><img src="${c.picture }" style="width: 120px;height: 60px" class="block" /></a>
                                    <div class="info_box">
                                    	<a class="title" href="${c.hyperlink }" target="_blank">${c.title }</a>
                                    	<a class="intro" href="${c.hyperlink }" target="_blank">${c.summary }</a>
                                    </div>
                                </li>
                            </c:forEach>
                            </ul>
                        </div>	
                    </div>
                </div>
                <div class="gra_foot"></div>
            </div>
        </div>
        <!-- fullpart--end-->
        
        <!-- fullpart-->
        <div class="w980 mg box_style1">
        	<div class="gradient_sbox full_gra">
                <div class="gra_head">
                    <h1 class="clearfix pr">
                        <img src="../../images/icon/icon_rwl.gif" class="fl block"><span class="fl">人物类</span>
                        <a href="listView.htm?channel=024e6d1b-b13a-4107-8645-1c40b5ee50ba" class="more">more</a>
                    </h1>
                </div>
                <div class="gra_body">
                    <div class="p_mg_s1">
                    	<!-- top-->
                    	<div class="clearfix">
                        	<a href="${personage[0].hyperlink }" target="_blank" class="fl"><img src="${personage[0].picture }" style="width: 677px;height: 237px" class="block" /></a>
                            <div class="p_info_box">
                            	<h1>${personage[0].title }</h1>
                                <dl class="clearfix">
                                	<dt><a href="${personage[0].hyperlink }" target="_blank">爽客推荐</a></dt>
                                	<c:forEach items="${personage }" var="c" begin="1">
                                    <dd>
                                    	<a href="${c.hyperlink }" target="_blank" class="block"><img src="${c.picture }" style="width: 60px;height: 60px" class="block" /></a>
                                        <a href="${c.hyperlink }" target="_blank" class="name">${c.title }</a>
                                    </dd>
                                    </c:forEach>
                                </dl>
                            </div>
                        </div>
                        <!-- top--end-->
                        
                        <div class="photo_tj">
                        	<h1>推荐旅游拍摄胜地</h1>
                        	<ul class="clearfix">
                        	<c:forEach items="${personageResort }" var="c" varStatus="status">
                            	<li <c:if test="${status.last }">class="last"</c:if>>
                                	<a href="${c.hyperlink }" target="_blank" class="fl"><img src="${c.picture }" style="width: 120px;height: 60px" class="block" /></a>
                                    <div class="info_box">
                                    	<a class="title" href="${c.hyperlink }" target="_blank">${c.title }</a>
                                    	<a class="intro" href="${c.hyperlink }" target="_blank">${c.summary }</a>
                                    </div>
                                </li>
                            </c:forEach>
                            </ul>
                        </div>	
                    </div>
                </div>
                <div class="gra_foot"></div>
            </div>
        </div>
        <!-- fullpart--end-->
        
        <!-- fullpart-->
        <div class="w980 mg box_style1">
        	<div class="gradient_sbox full_gra">
                <div class="gra_head">
                    <h1 class="clearfix pr">
                        <img src="../../images/icon/icon_syjl.gif" class="fl block"><span class="fl">摄影交流</span>
                    </h1>
                </div>
                <div class="gra_body">
                    <div class="p_mg_s1 clearfix">
                    	<!-- top-->
                        <div class="fl lt_info">
	                        <ul>
	                        	<c:forEach items="${forum }" var="c">
	                            	<li>
	                                	<a href="${c.hyperlink }" target="_blank" class="title">${c.title }</a>
	                                    <p class="content">${c.summary }</p>
	                                </li>
	                             </c:forEach>
	                          </ul>
                        </div>
                    	<div class="gn_serial_box">
                        	<h1>攻略热榜</h1>
                            <ul>
                            	<c:forEach items="${hotStrategy }" var="c">
                            	<li>
                                	<a href="${c.hyperlink }" target="_blank">${c.title }</a>
                                </li>
                                </c:forEach>
                            </ul>
                        </div>
                        	
                        <!-- top--end-->
                        
                       
                    </div>
                </div>
                <div class="gra_foot"></div>
            </div>
        </div>
        <!-- fullpart--end-->
        
        
        
        <!-- ad-->
        <div class="w980 mg box_style1">
        	<a href="${advMiddle[0].hyperlink }" target="_blank"><img src="${advMiddle[0].picture }" style="width: 980px;height: 89px" class="block" /></a>
        </div>
        <!-- ad--end-->
        
        <!-- 点评 -->
        <%@include file="../common/discuss.jsp" %>
        
        
        <!-- part3 -->
        <%@include file="../common/attention.jsp" %>
        <!-- part3--end-->
                
        <!-- help-->
        <div class="w980 mg box_style1">
        	<c:forEach items="${help }" var="c">
        		${c.content}
        	</c:forEach>
        </div>
        <!-- help--end-->
        
    </div>
    <!-- content--end-->
    
	    <!-- foot-->
	    <%@include file="../common/footer.jsp" %>
	    <!-- foot--end-->
<script type="text/javascript">
$(function(){
	$.lbShow({
		picUL:"pic_ul",
		numsUL:"num_ul",
		styles:"hover"
	});
	$(".more").attr("target","_blank");
});


	
    function tabHotel(n){
	 	$("#hotel_"+n).show().siblings("div.tabsinfo_box").hide();
	 	$("#li_"+n).addClass("current").siblings().removeClass("current");
	}
</script>
</body>
</html>
